{template "content","header"}
<!-- <div id="content">
	<div class="col-left left-nav">
    	<h1>{$CATEGORYS[$parentid][catname]}</h1>
    	<ul class="content">
        	{loop $arrchild_arr $cid}
                <li{if $catid==$cid} class="cur"{/if}><a href="{$CATEGORYS[$cid][url]}">{$CATEGORYS[$cid][catname]}</a></li>
			{/loop}
        </ul>
        <div class="bottom"></div>
    </div>
  <div class="col-auto">
    	<img src="{IMG_PATH}v9/about_ad.png" width="659" height="171" />
    	<h1 class="title">{$title}</h1>
        <div class="content">
        	    {$content}
        </div>
    </div>
 </div> -->

 <div class="l_con bk clearfix min-height">
    <div id="left">
        <div class="title">
            <p class="English">
                <!-- <span>C</span>ontacts -->
                {if $parentid}
                <span>{substr($CATEGORYS[$parentid][catdir],0,1)}</span>{substr($CATEGORYS[$parentid][catdir],1)}
                {else}
                <span>{substr($CATEGORYS[$catid][catdir],0,1)}</span>{substr($CATEGORYS[$catid][catdir],1)}
                {/if}
            </p>
            {if $parentid}
            <p class="Chinese s_t_center">{$CATEGORYS[$parentid][catname]}</p>
            {else}
            <p class="Chinese s_t_center">{$CATEGORYS[$catid][catname]}</p>
            {/if}
        </div>      
        <ul class="leftnav">
            {loop $arrchild_arr $cid}
                {php if($CATEGORYS[$cid][ismenu]==0) continue;} 
                <li{if $catid==$cid} class="cur"{/if}><a href="{$CATEGORYS[$cid][url]}">{$CATEGORYS[$cid][catname]}</a></li>
            {/loop}
        </ul>
        <div class="about_left">
            <span>咨询热线:</span>
            186-1385-6660<br />
            185-1442-5395（中国总部洽谈负责人）<br />
            070-8118-166（韩国首尔本社）<br />
            微信：Aifei半永久化妆<br />
            邮箱：aifeibyj@126.com<br />

            <span>咨询时间:</span>
            周一~周五9:00-18:00 周六周日：10:00~14:00<br />
            <span>材料订购/机器维修：</span>

            185-1442-5395<br />

            北京市东城区广渠门外名敦道4号楼1403-2309<br />

        </div>
    </div>
    <div id="right">    
        <div class="focus">
            <span id="prev" class="btn prev"></span>
            <span id="next" class="btn next"></span>
            <div id="picBox" class="picBox">
                <ul class="cf clearfix">
                    {pc:slider action="lists" postion="55" order="ASC" num="2"}
                    {loop $data $r}
                    <li><img src="{$r[image]}"/></li>
                    {/loop}
                    {/pc}
                </ul>
            </div>
            <div id="listBox" class="listBox">
                <ul class="cf clearfix">
                    {loop $data $r}
                    <li><i class="arr2"></i><img src="{$r[image]}" alt=""></li>
                    {/loop}
                    {/pc}
                </ul>
            </div>
        </div>
        <div class="crumbs"><a href="{siteurl($siteid)}">首页</a>&nbsp;&gt;&gt;&nbsp;{catpos($catid)}</div>
        <div class="about_right">
            {$content}
            {if $catid==64||$catid==102}
            <div style="width:99%;height:300px;border:#ccc solid 1px; margin-top:20px;" id="dituContent"></div>
            {/if}
        </div>
    </div>
 </div>

 <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
 <script type="text/javascript">
     //创建和初始化地图函数：
     function initMap(){
         createMap();//创建地图
         setMapEvent();//设置地图事件
         addMapControl();//向地图添加控件
         addMarker();//向地图中添加marker
     }
     
     //创建地图函数：
     function createMap(){
         var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
         var point = new BMap.Point(116.454463,39.898951);//定义一个中心点坐标
         map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
         window.map = map;//将map变量存储在全局
     }
     
     //地图事件设置函数：
     function setMapEvent(){
         map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
         map.enableScrollWheelZoom();//启用地图滚轮放大缩小
         map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
         map.enableKeyboard();//启用键盘上下左右键移动地图
     }
     
     //地图控件添加函数：
     function addMapControl(){
         //向地图中添加缩放控件
     var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
     map.addControl(ctrl_nav);
         //向地图中添加缩略图控件
     var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
     map.addControl(ctrl_ove);
         //向地图中添加比例尺控件
     var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
     map.addControl(ctrl_sca);
     }
     
     //标注点数组
     var markerArr = [{title:"微信：Aifei半永久化妆培训",content:"北京市东城区广渠门外名敦道4号楼1403-2309",point:"116.454463|39.898951",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
          ];
     //创建marker
     function addMarker(){
         for(var i=0;i<markerArr.length;i++){
             var json = markerArr[i];
             var p0 = json.point.split("|")[0];
             var p1 = json.point.split("|")[1];
             var point = new BMap.Point(p0,p1);
             var iconImg = createIcon(json.icon);
             var marker = new BMap.Marker(point,{icon:iconImg});
             var iw = createInfoWindow(i);
             var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
             marker.setLabel(label);
             map.addOverlay(marker);
             label.setStyle({
                         borderColor:"#808080",
                         color:"#333",
                         cursor:"pointer"
             });
             
             (function(){
                 var index = i;
                 var _iw = createInfoWindow(i);
                 var _marker = marker;
                 _marker.addEventListener("click",function(){
                     this.openInfoWindow(_iw);
                 });
                 _iw.addEventListener("open",function(){
                     _marker.getLabel().hide();
                 })
                 _iw.addEventListener("close",function(){
                     _marker.getLabel().show();
                 })
                 label.addEventListener("click",function(){
                     _marker.openInfoWindow(_iw);
                 })
                 if(!!json.isOpen){
                     label.hide();
                     _marker.openInfoWindow(_iw);
                 }
             })()
         }
     }
     //创建InfoWindow
     function createInfoWindow(i){
         var json = markerArr[i];
         var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
         return iw;
     }
     //创建一个Icon
     function createIcon(json){
         var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size
 
    (json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
         return icon;
     }
     
     initMap();//创建和初始化地图
 </script>
{template "content","footer"}